<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <title></title>
    <meta name="keywords" content="智辉CRM">
    <meta name="description" content="智辉CRM">
    <link rel="Bookmark" href="favicon.ico">
    <link rel="Shortcut Icon" href="favicon.ico" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="Lib/html5.js"></script>
    <script type="text/javascript" src="Lib/respond.min.js"></script>
    <script type="text/javascript" src="Lib/PIE_IE678.js"></script>
    <![endif]-->
    <link href="__PUBLIC__/css/H-ui.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/lib/Hui-iconfont/1.0.6/iconfont.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css" />
    <!--自己的样式-->
    <link href="Tpl/Assistant/common/account/account_lst.css" rel="stylesheet" type="text/css">
    <link href="Tpl/Service/common/order/page01.css" rel="stylesheet" type="text/css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="Lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('.pngfix,.icon');</script>
    <![endif]-->
</head>

<body>


<!--导航-->
<div id="nav">
    <div class="navbox">
        <ul>
            <a href="{:U('Expense/add',array('room_id'=>$v['id']))}"><li class=""><i class="Hui-iconfont">&#xe6b6;</i>添加缴费项目</li></a>
                <a href="{:U('Expense/lst',array('room_id'=>$v['id']))}"><li class=""><i class="Hui-iconfont">&#xe667;</i>费用列表</li></a>
                <a href="{:U('Account/lst',array('room_id'=>$v['id']))}"><li class="active1"><i class="Hui-iconfont">&#xe6e0;</i>账单列表</li></a>
                <a href="{:U('Account/logLst',array('room_id'=>$v['id']))}"><li class=""><i class="Hui-iconfont">&#xe63a;</i>缴费记录</li></a>
        </ul>

    </div>
</div>

<!--内容-->
<div class="row pad">
    <div class="col-12"><span style="font-size:16px;">房间列表</span></div>
    <div class="col-12"><span style="font-size:12px;color:grey">选择房间之后，进行账单管理。</span></div>
</div>
<form method="get" id="communication">
    <input type="hidden" value="Assistant" name="m"/>
    <input type="hidden" value="Account" name="c"/>
    <input type="hidden" value="lst" name="a"/>
    <select name="community_id" id="" class="xiaoqu">
        <option selected="true" value="">选择小区</option>
    </select>
    <select name="zone_id" id="" class="quyu">
        <option selected="true" value="">选择园区</option>
    </select>
    <select name="building_id" id="" class="louhao">
        <option selected="true" value="">选择楼号</option>
    </select>
    <select name="unit_id" id="" class="danyuan">
        <option selected="true" value="">选择单元</option>
    </select>
    <select name="room_id" id="" class="fangjian">
        <option selected="true" value="">选择房间</option>
    </select>
    <!-- <select name="year" id="">
        <option value="">选择年度</option>
        <volist name='year' id='v'>
            <option value="{$v.value}">{$v.text}</option>
        </volist>
    </select> -->
    <select name="status" id="">
        <option value="">缴费状态</option>
        <option value="1">已经缴纳</option>
        <option value="0">还未缴纳</option>
    </select>
    <input type="submit"  class="btn btn-primary-outline radius btn_h"  value="搜索" style="margin-top: -8px">
    <!-- <input type="text" value="{$Think.post.key}" name="key" placeholder="输入姓名、手机号搜索"  class="f-r text_h input-text"> -->
</form>
<!-- <div class="xian"></div> -->
<table class="table table-border table-bordered table-bg" id="pay">
    <thead>
    <tr>
        <th>房间</th>
        <th>责任户主</th>
        <th>户主手机</th>
        <th>总金额</th>
        <th>支付金额</th>
        <th>状态</th>
        <th>生成时间</th>
        <th>查看</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    <volist name="data" id="v">
        <tr>
            <td>{$v.room_name}</td>
            <td>{$v.room.householder_name}</td>
            <td>{$v.room.householder_mobi}</td>
            <td>{$v.total_money}</td>
            <td>{$v.pay_money}</td>
            <td>{$v['status']?'已缴纳':'未缴纳'}</td>
            <td>{$v['create_time']|date="Y.m.d",###}</td>
            <td>{$v['look']==1?'已查看':'未查看'}</td>
            <td>
                
                <a style="width: 30px;height: 22px;font-size: 12px;padding: 0px;" class="btn btn-primary-outline radius" href="javascript:to5('{:U('Account/manage',array('id'=>$v['id'],'room_id'=>$v['Room']['id']))}');">管理</a>
                <if condition="$v['pay_money']=='0.00'" >
                <a href="{:U('Account/delete',array('id'=>$v['id'],'room_id'=>$v['Room']['id']))}" style="width: 30px;height: 22px;font-size: 12px;padding: 0px;" class="btn btn-danger-outline radius" onclick="return confirm('是否取消该账单？')" >取消</a>
                </if>
               
            </td>
        </tr>
    </volist>
    </tbody>
    <input type="hidden" id="idd" name="id" value="{$Think.session.authId}"/>
</table>
<div style="text-align: center;margin-top: 30px;">{$page}</div>

<script type="text/javascript" src="__PUBLIC__/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/H-ui.js"></script>

<script src="__PUBLIC__/lib/layer/2.1/layer.js"></script>
<!-- <script src="Tpl/Assistant/common/expense/layerui.js"></script> -->
<script src="Tpl/Assistant/common/expense/liandong.js"></script>
<script>
    // 全局
    var info={
        xiaoquId:0,
        quyuId:0,
        louhaoId:0,
        danyuanId:0
    };
    $(function(){
        work.init();
    });

    function to(url){
        layer.open({
            type: 2,
            title: '',
//        fix:false,
            area: ['980px', '523px'],
            content: url
        });

    }

    function to2(url){
        layer.open({
            type: 2,
            title: '缴费项目详情',
//        fix:false,
            area: ['400px', '480px'],
            content: url
        });

    }

    function to3(url){
        layer.open({
            type: 2,
            title: '',
//        fix:false,
            area: ['400px', '483px'],
            content: url
        });

    }

    function to4(url){
    layer.open({
        type: 2,
        title: '修改密码',
//        fix:false,
        area: ['400px', '320px'],
        content: url,
    });

}

    function to5(url){
    layer.open({
        type: 2,
        title: '账单管理',
//        fix:false,
        area: ['817px', '600px'],
        content: url,
    });

}
</script>
</body>

</html>

